// 集中定义 css vars ，否则会被重复定义多次
:root,
:host {
    // textarea - css vars
    --w-e-textarea-border-color: #ccc;
    --w-e-textarea-slight-border-color: #e8e8e8;
    --w-e-textarea-slight-color: #d4d4d4;
    --w-e-textarea-slight-bg-color: #f5f2f0;
    --w-e-textarea-selected-border-color: #B4D5FF; // 选中的元素，如选中了分割线
    --w-e-textarea-handler-bg-color: #4290f7; // 工具，如图片拖拽按钮

    // toolbar - css vars
    --w-e-toolbar-color: #000000;
    --w-e-toolbar-bg-color: #ffffff;
    --w-e-toolbar-active-color: #333;
    --w-e-toolbar-active-bg-color: #f0f0f0;
    --w-e-toolbar-disabled-color: #999;
    --w-e-toolbar-border-color: #e8e8e8;

    // modal - css vars
    --w-e-modal-button-bg-color: #fafafa;
    --w-e-modal-button-border-color: #d9d9d9;
}
body[arco-theme=dark]{
    --w-e-toolbar-color:rgba(255, 255, 255, 0.7);
    --w-e-toolbar-bg-color: #232324;
    --w-e-toolbar-active-color: rgba(255, 255, 255, 0.9);
    --w-e-toolbar-active-bg-color: #17171A;
    --w-e-toolbar-border-color: #2e2e30;

    --w-e-textarea-color: rgba(255, 255, 255, 0.9);
    --w-e-textarea-bg-color:rgba(255, 255, 255, 0.08);
    --w-e-textarea-border-color: rgba(var(--color-border-1));
    --w-e-textarea-slight-bg-color: #232324;

    --w-e-modal-button-border-color: rgba(var(--primary-6));
    --w-e-modal-button-bg-color:rgba(var(--primary-6));
}
